(function(){
    $.fn.extend({
        moveUp:function(){
            // 插件功能
            // 调用该方法的jquery对象添加一个hover效果
            // 鼠标移入的时候，上移，添加阴影
            // 鼠标移出的时候，回到原来的位置，取出阴影
            this.css("transition", "all .2s");
            this.hover(
                function(){
                    $(this).css({
                        transform: "translate3d(0px,-2px,0px)",
                        boxShadow: "0 15px 30px rgb(0 0 0 / 10%)"
                    })
                },
                function () {
                    $(this).css({
                        transform: "translate3d(0px,0px,0px)",
                        boxShadow: "none"
                    })
                }
            )
        }
    }
    )
})();

//切换tab
(function(){
    $.fn.extend({
        switch: function (id) {
            $(`${id} .tabList`).children().click(function(){
               $(`${id} .phonesList`).hide().eq($(this).index()).show()
            })
            //动态生成购物车框
            $(`${id} .phonesList li`).mouseenter(function(){
                if (!$(this).children('.add')[0]) {
                    $(this).append('<div class="add"><span>加入购物车</span></div>')
                }
            })
        }
    })
})()